A stacked Rose chart with tooltips
This goes in the documents header:
<script src="RGraph.common.core.js"></script>
<script src="RGraph.common.dynamic.js"></script>
<script src="RGraph.common.tooltips.js"></script>
<script src="RGraph.rose.js"></script>
Put this where you want the chart to show up:
<canvas id="cvs" width="600" height="400">
[No canvas support]
</canvas>
This is the code that generates the chart:
<script>
window.onload = function ()
{
var rose = new RGraph.Rose({
id: 'cvs',
data: [
[4,5,8],
[1,3,5],
[2,6,8],
[4,2,2],
[4,3,5]
],
options: {
gutterBottom: 35,
margin: 5,
labels: ['Bill','Kevin','Luis','Pete','Bob'],
tooltips: [
'Bill','Bill','Bill',
'Kevin','Kevin','Kevin',
'Luis','Luis','Luis',
'Pete','Pete','Pete',
'Bob','Bob','Bob'
],
textSize: 26,
textSizeScale: 12,
textAccessible: true
}
}).draw();
};
</script>